﻿<div class="saveProjectDialog-control project-file-dialog">
    <button class="win-backbutton" data-bind="disable: processing, click: editor.showTracksTab"></button>

    <section class="page-body">
        <h2>Save the project</h2>

        <div class="folder-input">
            <h3>Select a folder:</h3>
            <span data-bind="text: folderPath"></span>
            <button data-bind="click: selectFolder, text: folderButtonText"></button>
        </div>
        <div data-bind="visible: projectsFound().length">
            <h3>Save to an existing project:</h3>
            <select data-bind="options: projectsFound, optionsCaption: 'Choose a project...' , value: selectedFile, valueAllowUnset: true, optionsText: 'filename'"></select>
        </div>
        <div data-bind="visible: creatingNew">
            <h3>Create a new project:</h3>
            <input type="text" data-bind="value: newProjectName, valueUpdate: 'input'" placeholder="Type a name..."/>
        </div>
        <div class="action-button-conatiner">
            <button data-bind="disable: !folder(), click: save">Save project</button>
            <progress data-bind="visible:processing" class="win-ring win-medium" />
        </div>
    </section>
</div>